//跳转到首页
$('.header_nav li:first').click(function(){
    location.href="../index.html";
})
// 跳转分类
$('.header_nav li:nth-of-type(2)').click(function(){
    location.href="./classify.html";
})
// 跳转搜索
$('.header_nav li:nth-of-type(3)').click(function(){
    location.href="./sousuo.html";
})
// 跳转个人中心
$('.header_nav li:nth-of-type(5)').click(function(){
    location.href="./personal.html";
    console.log(12)
})

$('.empty_shop').show();
$('.shop_content').hide();
if(localStorage.getItem('phone')){
    var d=localStorage.getItem('phone');
    console.log(d);
    $('.tip_login span:first').html(d);

    $('.empty_shop').hide();
    $('.shop_content').show();
    var html='';
    $.ajax({
        url:'../php/car.php',
        type:'post',
        data:{phone:d},
        dataType:'json',
        success:function(res){
            if(!res.code){
               $('.noshop').fadeIn();
               $('.noshop').click(function(){
                $('.noshop').hide();
                 location.href="../index.html";
               })
                return;
            }
          console.log(res);
          res.list.forEach(function(e,i){
            html += `  <div class="products">
            <input class="product_select" type="checkbox">
            <div class="product_pic pr">
                <img src="${e.shopUrl}">
            </div>
            <div class="product_info">
                <p class="title">${e.title}</p>
                <div class="sports_item">
                    <span class="rush_purchase">天天抢</span>
                    <span class="reserve"><i class="iconfont iconicon-test1"></i>预定</span>
                </div>
                <div class="sprice_num">
                    <p><span>￥</span><span class="unit_price">${e.price}</span></p>
                    <div>
                        <span class="minus">-</span>
                        <span class="num">1</span>
                        <span class="plus">+</span>
                    </div>
                </div>
            </div>
         </div>`;
          })
       $('.bs_cont .product_box').append(html);
        }
    })
    //是数字的变化与赋值+号
    var num;
    $('.product_box').on('click','.plus',function(){
         num= Number($(this).prev().text());
         num++;
         $(this).prev().text(num);
         $('.products input').trigger('change');
    })
    //是数字的变化与赋值-号
    $('.product_box').on('click','.minus',function(){
        num= Number($(this).next().text());
        num--;
        if(num<1){
            num=1;
        }
        $(this).next().text(num);
        $('.products input').trigger('change');
   })
    //看选中的有哪些商品；
   
   $('.product_box').on('change','.products input',function(){
       var inputLength=0;
       var totalPrice=0;
    $('.products input').each(function(i,e){
       if($(this).prop('checked')){
        inputLength++;
        console.log(inputLength);
        let price=Number($(this).parent('.products').find('.unit_price').text());
        let pnum=Number($(this).parent('.products').find('.num').text());
        console.log(price);
        totalPrice += price*pnum;
       }
    })
    $('.total_price').text(totalPrice.toFixed(2));
    if($('.products').length==inputLength){
        $('.all_select').prop('checked',true);
        $('.classify_select').prop('checked',true);
    }else{
        $('.all_select').prop('checked',false);
        $('.classify_select').prop('checked',false);
    }
   })

   //点击全选全部选中
     $('.all_select').on('click',function(){
         $('.bs_cont input').prop('checked',$(this).prop('checked'));

         $('.products input').trigger('change');
     })
     //点击店铺名字全部选中；
     $('.classify_select').on('click',function(){
        $('.all_select').prop('checked',$(this).prop('checked'));
        $('.products input').prop('checked',$(this).prop('checked'));
        $('.products input').trigger('change');
     })


}

$("a").click(function(){
    $(this).css("textDecoration", "none");
})

$(".sign .iconshenglve").click(function () {
    $(this).hide().next().show();
    $(".header_nav").show();
})
$(".sign .iconclose").click(function () {
    $(this).hide().prev().show();
    $(".header_nav").hide();
})